﻿<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
	
	<meta charset="utf-8" />
	<title>星火移动互联网订货系统</title>
	<meta content="width=device-width, initial-scale=1.0" name="viewport" />
	<meta content="星火移动互联网订货系统" name="description" />
	<meta content="DB团队" name="author" />
	<link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
	<link href="assets/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" />
	<link href="assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
	<link href="css/style.css" rel="stylesheet" />
	<link href="css/style-responsive.css" rel="stylesheet" />
	<link href="css/style-default.css" rel="stylesheet" />
	
	<link href="css/product.css" rel="stylesheet" />
	<link href="css/imagetext-edit.css" rel="stylesheet" />
	<link href="assets/sweetalert/css/sweetalert.css" rel="stylesheet" />
	
</head>
<!-- BEGIN BODY -->
<body class="fixed-top">
	
	<!-- BEGIN HEADER -->
	<div id="header" class="navbar navbar-inverse navbar-fixed-top">
		   <script src="js/module-header.js"></script>
	</div>
	<!-- END HEADER -->

	<!-- BEGIN CONTAINER -->
	<div id="container" class="row-fluid">
		
		<!-- BEGIN SIDEBAR -->
		<div id="sidebar" class="sidebar-scroll">
			<script src="js/module-sidebar.js"></script>
		</div>
		<!-- END SIDEBAR -->

		<!-- BEGIN PAGE -->  
		<div id="main-content">
			<!-- BEGIN PAGE CONTAINER-->
			<div class="container-fluid">
				<!-- BEGIN PAGE HEADER-->   
				<div class="row-fluid">
					<div class="span12">
						<!-- BEGIN PAGE TITLE & BREADCRUMB-->
						<h3 class="page-title">
							产品列表
						</h3>
						<ul class="breadcrumb">
							<li>
								<a href="/app_admin/product_list/">首页</a>
								<span class="divider">/</span>
							</li>                      
							<li class="">
								<a href="/app_admin/product_list/">产品管理</a>
								<span class="divider">/</span>
							</li>
							<li class="active">
								产品列表
							</li>
							<li class="pull-right search-wrap">
								<form action="search_result.html" class="hidden-phone">
									<div class="input-append search-input-area">
										<input class="" id="appendedInputButton" type="text">
										<button class="btn" type="button"><i class="icon-search"></i> </button>
									</div>
								</form>
							</li>
						</ul>
						<!-- END PAGE TITLE & BREADCRUMB-->
					</div>
				</div>
				<!-- END PAGE HEADER-->
				<div class="row-fluid">
					<div class="span12">
						<!-- BEGIN SAMPLE FORMPORTLET-->
						<div class="widget red">
							<div class="widget-title">
								<h4><i class="icon-reorder"></i> 产品详情</h4>
									<span class="btn-function ">
										<a class="icon-plus"></a>
										<a class="icon-minus"></a>
									</span>
									<span class="buttons btn-back">
										<a>返回</a>
									</span>
									<span class="buttons btn-save">
										<a>保存</a>
									</span>
							</div>
							<div class="widget-body">
								<div class="row-fluid">
									<div class="span12"> 
										<!--BEGIN TABS-->
										<div class="bs-docs-example" id="product_detail" data-id="1"><!--data-id dynamic-->
											<ul class="nav nav-tabs" id="myTab">
												<li class="active"><a data-toggle="tab" href="#tab_1_1">产品图片</a></li>
												<li><a data-toggle="tab" href="#tab_1_2">产品属性</a></li>                                        
											</ul>
											<div class="tab-content" id="myTabContent">
												<div class="tab-pane fade in active" id="tab_1_1">
													<table class="table" id="product_picture">
														<tr>
                                                    <!--
														{% for product_pic_obj in  product_pic_objs %}
 															<td style="float:left; vertical-align:middle"><input type="checkbox" class="checkboxes" value="{{product_pic_obj.id}}"/>
                                                            </td>
															<td style="float:left">
																<image class="imageProduct" id="image{{product_pic_obj.id}}" src="{{product_pic_obj.product_picture}}"/>
																<input class="dd-file" id="imgPic{{product_pic_obj.id}}" type="file" name="uploadImg">
                                                               
															</td>
                                                        {% endfor %}
                                                    -->    
																													
														</tr>
													</table>
												</div>
												<div class="tab-pane fade" id="tab_1_2">
													<table class="table table-bordered table-background" id="product_property">
														<thead>
															<tr>
																<th style="width:8px;"><input type="checkbox" class="group-checkable" data-set="#product_property .checkboxes" /></th>
																<th>名字</th>
																<th class="hidden-phone">值</th>
																<th class="hidden-phone">图片</th>
																<th class="hidden-phone">图片描述</th>
															</tr>
														</thead>
														<tbody><!--no tr
															<tr class="odd gradeX" data-id="1">
																<td><input type="checkbox" class="checkboxes" value="1" /></td>
																<td>
																	<input class="dd-display" value="材质"/>
																</td>
																<td class="hidden-phone">
																	<textarea class="dd-display"></textarea>
																</td>
																<td>
																	<img class="dd-image" src="img/NewProduct.png">
																	<input class="dd-file" id="imgProp1" type="file">
																</td>
																<td class="hidden-phone">
																	<textarea class="dd-display"></textarea>
																</td>
															</tr>-->
														</tbody>
													</table>
												</div>
											</div>
										</div>
										<!--END TABS
										<form action="assets/dropzone/upload.php" class="dropzone" id="my-awesome-dropzone"></form>-->
									</div>
								</div>
							</div>
						</div>
						<!-- END SAMPLE FORM PORTLET-->
					</div>
				</div>
				<!-- END PAGE CONTENT-->           
			</div>
			<!-- END PAGE CONTAINER-->
		</div>
		<!-- END PAGE -->  
	</div>
	<!-- END CONTAINER -->

	<!-- BEGIN FOOTER -->
	<div id="footer">
	   2014-2015 &copy; DB team.
	</div>
	<!-- END FOOTER -->

	<!-- BEGIN JAVASCRIPTS -->
	<!-- Load javascripts at bottom, this will reduce page load time -->
	<script src="js/jquery-1.8.3.min.js"></script>
	<script src="js/jquery.nicescroll.js"></script>
	<script src="js/jquery.scrollTo.min.js"></script>	
	<script src="assets/bootstrap/js/bootstrap.min.js"></script>
	<script src="js/jquery.blockui.js"></script>
	<script src="assets/jquery-slimscroll/jquery.slimscroll.min.js"></script>
	<script src="js/distribute.js"></script>

	<!-- ie8 fixes -->
	<!--[if lt IE 9]> 
	<script src="js/excanvas.js"></script>
	<script src="js/respond.js"></script> 
	<![endif]-->

	<!--common script for all pages-->
	<script src="js/common-scripts.js"></script>

	<!--script for this page only-->
	
	<script src="assets/uniform/jquery.uniform.min.js"></script>
	<script src="assets/data-tables/jquery.dataTables.js"></script>
	<script src="assets/data-tables/DT_bootstrap.js"></script>
	<script src="assets/data-tables/fnOthers.js"></script>
	<script src="assets/data-tables/fnAddTr.js"></script>
	<script src="assets/data-tables/fnReloadAjax.js"></script>
	
	<script src="js/ajaxFileUpload.js"></script>
	<script src="js/activeSider.js"></script>
	<script src="js/jquery.watch.js"></script>
	<script src="js/product_detail.js"></script>
	<script src="js/editImageNText.js"></script>
	<script src="assets/sweetalert/sweetalert.min.js"></script>

   <!-- END JAVASCRIPTS -->   
</body>
<!-- END BODY -->
</html>
